<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$category.name} {$category.page_title} {$site_info.site_name|default=''}</title>
<meta name="keywords" content="{$category.page_keywords},{$site_info.site_seo_keywords|default=''}"/>
<meta name="description" content="{$category.page_description},{$site_info.site_seo_description|default=''}">
<include file="public@head"/>

</head>
<body>
    <include file='public@nav'/>
    
    <include file='public@banner'/>

    <div class="main layout clearfix">
        
        <include file='public@category'/>

        <div class="oright fr">
            
            <include file='public@breadcrumb'/>

            <php>
                $limit = empty($theme_vars['data_limit']) ? 6 : $theme_vars['data_limit'];
                if( $limit <= 0 ){
                    $limit = 6;
                }

                
            </php>
            
            <div class="content">
                <div class="job">
                    <ul>
                        <php>
                            $order = SO;
                        </php>

                        <portal:articles item="vo" order="$order" page="$limit" field="post.id,post_title,post_content,post_area,post_num,published_time"
                                relation="categories"
                                categoryIds="$category.id"
                                returnVarName="articles_data">
                      
                        <li <if condition="$i eq 1">class="on"</if>>
                            <div class="top">
                                <span class="sp1">{$vo.post_title}</span>
                                <span>人数：{$vo.post_num}</span>
                                <span>工作地点：{$vo.post_area}</span>
                                <span class="sp4">{$vo.published_time|date='Y-m-d',###} <i class="iconfont">&#xe634;</i> </span>
                            </div>
                            <div class="text" <if condition="$i eq 1">style="display: block"</if>>
                                {$vo.post_content}
                            </div>
                        </li>

                        </portal:articles>
                        
                    </ul>
                    <div class="pages">
                        <page/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <include file='public@footer'/>
</body>
</html>

<include file='public@scripts'/>

<script type="text/javascript">
    $(function(){
        $('.job ul li').click(function(){
            if($(this).hasClass('on')){
                $(this).children('.top').find('i').html('&#xe74d;')
                $(this).children('.text').slideUp()
                $(this).removeClass('on')
            }else{
                $(this).children('.top').find('i').html('&#xe634;')
                $(this).siblings().children('.top').find('i').html('&#xe74d;')
                $(this).children('.text').slideDown()
                $(this).addClass('on').siblings().removeClass('on')
                $(this).siblings().children('.text').slideUp()
            }
        })
    })
</script>

